草庐IT

MySQL 触发前性能问题

全部标签

javascript - requirejs - 多次调用 require 的性能

我想知道在具有多个模块的项目中使用RequireJS的正确方法是什么,关于具有较少依赖项的多个require调用与具有所有依赖项的单个require调用的性能。让我们举个例子,对于一个应用程序,我需要加载一些模块:gmaps、jquery、module1、module2、module3。一些模块的使用是完全独立的。所以,问题是推荐以下哪个替代方案(假设这段代码是加载到页面中的主要模块):require(['gmaps'],function(gmaps){gmaps.use();});require(['jquery','module1'],function(jquery,module1

javascript - Hammer.js 单击在点击操作后点击后面的 DOM 元素上触发

我使用Hammer.js来检测移动设备上的触摸、点击、滑动等。我有一个交互,在点击时,我隐藏点击的内容(可能还有parent)并在其位置显示一些其他内容(更改屏幕-类似功能)。问题是新出现的内容可能绑定(bind)了自己的事件,或者可能会在点击时进行本地交互(例如标签切换复选框、文本输入被聚焦)。如果组件在点击时立即隐藏/显示,则400毫秒的点击事件仍在运行,然后在下面的元素上触发。在移动设备上查看这个jsfiddle:http://jsfiddle.net/annam/xGJZL/http://jsfiddle.net/annam/xGJZL/embedded/result/.che

javascript - 单击按钮时删除 div - 问题 : removing all divs

在按钮点击事件中,一个新的div被创建。用户可以创建尽可能多的div。一旦创建了div,它就可以拖动了,这要归功于jqueryuidraggablePLUGIN的帮助。.我已经设置了另一个点击按钮事件来删除创建的div。问题是当用户单击删除按钮时,它会删除所有div。如何将按钮附加到每个div以专门删除该div?JSFIDDLE查询/**Removenewlycreateddiv**/$(".remove").click(function(){$(".draggable").remove();});varz=1;$('#button').click(function(e){/**Mak

javascript - 使用 npm 作为任务运行器/构建工具 - 某些 cli 模块有问题

阅读这篇文章后,我正在尝试使用npm作为任务运行器/构建工具:Howtousenpmasabuildtool虽然我取得了一些成功,但我仍然坚持一件事。当运行JSLINT、JSHINT或ESLINT等命令行全局工具时,npm将始终在控制台窗口中显示Exit1代码:如您所见,该命令运行良好,但npm将其视为错误并显示错误日志信息。这是否正常和/或是否有针对特定命令将其关闭的方法?附加信息:这是我的package.json配置中的脚本block:“脚本”:{“开始”:“Node./src/server/index.js”,“测试”:””,“lint”:“eslintindex.js”然后在n

javascript - 如何以编程方式输入搜索字符串并触发 Google Maps API 的 places_changed?

所以我有一个带有位置输入的搜索页面。如果用户来自另一个带有搜索查询的页面,我想以编程方式将此查询输入到输入中并触发位置更改。这是我目前所拥有的:varsearchBox=newgoogle.maps.places.SearchBox(input);$('input#location').val(searchQuery);google.maps.event.trigger(searchBox,'places_changed');但是,对于我的places_changed函数的这一行,这给了我错误Cannotreadproperty'length'ofundefined:varplaces

javascript - 近期 Chrome/V8 版本中的对象描述符 getter/setter 性能

给定varobj={};var_a=1;obj._a=1;obj.aGetter=function(){return_a;}obj.aSetter=function(val){_a=val;}Object.defineProperty(obj,'a',{enumerable:true,get:function(){return_a;},set:function(val){_a=val;}});使用getter/setter函数obj.aSetter(2);obj.aGetter();与直接属性访问相比,Chrome/V8性能会有所下降(~3倍):obj._a=2;obj._a;这是可以

javascript - Tablesaw 未在 Bootstrap Carousel 中触发

我正在使用Tablesawplugin获取响应表。有时我需要在BootstrapCarousel的不同元素/幻灯片中包含不同的表格。加载时,Carousel事件元素上的表格将正确显示(Tablesaw已正确启动),但一旦我移动到下一张幻灯片/元素,其中的表格将无法正确显示(Tablesaw未启动).Tablesaw包含一个额外的JS文件以在加载时启动:$(function(){$(document).trigger("enhance.tablesaw");});这似乎适用于第一张幻灯片/元素,但不适用于其余部分。关于为什么会发生这种情况的任何线索?我创建了一个Plunkertoillu

javascript - 如何手动触发点击事件?

我正在尝试以编程方式触发文档点击。我的测试组件显示在页面的多个位置,我想在单击测试组件或触发文档点击时将它们全部隐藏。@Component({selector:'test-comp',template:`stuffandmore…`})exportclassTestComponent{showMenu:boolean;constructor(publicelementRef:ElementRef){}@HostListener('document:click',['$event'])documentClick(event:MouseEvent){//hidemycomponentwhe

javascript - 遇到 webpack 模块解析问题

我安装了一个全局npm模块,我们称它为abc-cli。现在我有一个使用此命令运行的Reactapp:abc-clirun。abc-cli基本上做的是获取app中的组件并使用其源代码编译和运行它。现在我想将这个app作为一个单独的npm模块发布。所以我使用Webpack来生成包。在解析模块时,webpack无法解析属于abc-cli的模块。很明显,webpack不知道abc-cli是什么。所以我的问题是如何确保webpack解析模块依赖关系?有什么方法可以让webpack在打包时运行/编译abc-cli。或者最坏的情况可能是如何抑制模块解析警告或忽略这些模块。因为我知道它会出现。例子:在

javascript - 如何使用 jQuery 触发 Ctrl+C 按键事件?

我想模拟Ctrl+C从页面复制文本。我首先尝试了这个:$('#codetext').click(function(){$("#codetext").trigger({type:'keydown',which:99});}HTML:我也尝试过使用$(this)而不是选择器,但是输入元素也有焦点,所以它没有运行。 最佳答案 查看ZeroClipboard...我认为它有效,但我还没有测试过。 关于javascript-如何使用jQuery触发Ctrl+C按键事件?,我们在StackOverf